<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>

    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <title>Title</title>

    <link rel="shortcut icon" href="http://www.s.mmm-party.com/assets/img/favicon.ico">

    <!--<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.css">-->
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
    <!--<link rel="stylesheet" href="src/css/media-queries.css">-->
    <link rel="stylesheet" href="src/css/orderCenter.css">
    <script src="src/lib/jquery.min.js"></script>
    <script src="src/lib/jquery.cookie.js"></script>

    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js"></script>
    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js"></script>


</head>
<body>
<header data-am-widget="header" class="am-header mpy-header">
    <div class="am-header-left am-header-nav mpy-header-nav">
        <i class="am-icon-bars mpy-icon-bars mpy-header-menu"></i>
    </div>

    <div class="am-header-title mpy-header-title mpy-header-search">
        <input type="text">
        <span class="am-icon-search"></span>
    </div>

    <div class="am-header-right am-header-nav mpy-header-nav">
        <a href="login1.html" class="">
            <img src="src/img/icon/icon-user.svg" alt="">
        </a>

    </div>
    <div class="mpy-menu">
        <div class="mpy-menu-hd">
            <a href="javascript:;" class="mpy-close">&times;</a>
            <div class="mpy-menu-title">
                <img src="src/img/icon/top-logo-icon-white.svg" alt="">
            </div>
        </div>
        <div class="mpy-menu-bd">
            <ul>
                <a href="javascript:;" class="mpy-active">
                    <li>首页</li>
                </a>
                <a href="javascript:;">
                    <li>关于爬梯</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯产品</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯课程</li>
                </a>
                <a href="javascript:;">
                    <li>最新动态</li>
                </a>
                <a href="javascript:;">
                    <li>联系我们</li>
                </a>
                <a href="javascript:;">
                    <li>购物车</li>
                </a>
                <a href="javascript:;">
                    <li>我的收藏</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯客服</li>
                </a>
            </ul>
            <div class="mpy-menu-opt am-avg-sm-2">
                <a class="login">会员登录</a>
                <a class="reg">会员注册</a>
            </div>
            <div class="mpy-menu-userinfo">
                <a class="info">普通会员：12345678901</a>
            </div>
        </div>
    </div>
</header>
<div class="mpy-orderCenter-box">
    <h1 class="mpy-orderCenter-title">订单详情</h1>
    <ul class="mpy-orderCenter-hd">
        <li>
            <span class="name">收 货人 ：</span>
            <span class="value">dafas</span>
        </li>
        <li>
            <span class="name">收货地址：</span>
            <span class="value">河北省 邯郸市 邯郸县 sadasdasd</span>
        </li>
        <li>
            <span class="name">收货邮编：</span>
            <span class="value">520000</span>
        </li>
        <li>
            <span class="name">联系电话：</span>
            <span class="value">13160662681</span>
        </li>
    </ul>
    <h1 class="mpy-orderCenter-title">商品详情</h1>
    <div class="mpy-myOrder-list">
        <div class="mpy-orderCenter-item">
            <ul class="myp-orderCenter-item-hd am-avg-sm-2">
                <li class="order-num">订单编号：1234567</li>
                <!--<li class="order-time">成交时间：2016-10-01 </li>-->
                <li class="product-state">交易成功</li>
            </ul>
            <div class="myp-orderCenter-item-bd am-g">
                <a href="javascript:;" class="order-bd-item am-cf">
                    <div class="product-img-box am-u-sm-3 am-u-md-3 ">
                        <picture>
                            <source srcset="src/img/goodscar/goodscar-img-1350.png" media="(min-width:901px)">
                            <source srcset="src/img/goodscar/goodscar-img-1080.png" media="(min-width:768px)">
                            <source srcset="src/img/goodscar/goodscar-img-810.png" media="(min-width:481px)">
                            <img src="src/img/goodscar/goodscar-img-540.png" alt="" class="product-img">
                        </picture>
                    </div>
                    <div class="product-info am-u-sm-9 am-u-md-9 ">
                        <h1 class="title">雷克斯初学者入门练习弹唱jita正品 </h1>
                        <div class="value-box">
                            <div class="sku-box">
                                <span>上课方式：上门</span>
                                <span>上课地点：斗门</span>
                                <span>级别：2级</span>
                            </div>
                            <p class="single-price">¥328</p>
                            <!--<s class="single-s-price">¥328</s>-->
                        </div>
                    </div>
                </a>
            </div>
            <div class="myp-orderCenter-item-ft">
               <div class="order">共1件商品 合计￥328</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
